/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench.vs > .editor > .content.drag {
	background-color: #ECECEC;
}

.monaco-workbench.vs-dark > .editor > .content.drag {
	background-color: #2D2D2D;
}

.monaco-workbench > .editor > .content.dragging > .monaco-sash {
	display: none; /* hide sashes while dragging editors around */
}

#monaco-workbench-editor-move-overlay,
#monaco-workbench-editor-drop-overlay {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
}

#monaco-workbench-editor-drop-overlay {
	opacity: 0; /* initially not visible until moving around */
}

.vs #monaco-workbench-editor-drop-overlay,
.monaco-workbench.vs > .editor.empty > .content.dropfeedback {
	background-color: rgba(51,153,255, 0.18);
}

.vs-dark #monaco-workbench-editor-drop-overlay,
.monaco-workbench.vs-dark > .editor.empty > .content.dropfeedback {
	background-color: rgba(83, 89, 93, 0.5);
}

.hc-black #monaco-workbench-editor-drop-overlay,
.monaco-workbench.hc-black > .editor.empty > .content.dropfeedback {
	background: none !important;
	outline: 2px dashed #f38518;
	outline-offset: -2px;
}

.monaco-workbench > .editor > .content > .one-editor-silo {
	position: absolute;
	box-sizing:	border-box; /* use border box to be able to draw a border as separator between editors */
}

.monaco-workbench > .editor > .content > .one-editor-silo.editor-one {
	left: 0;
	top: 0;
}

.monaco-workbench > .editor > .content.vertical-layout > .one-editor-silo.editor-three {
	right: 0;
}

.monaco-workbench > .editor > .content.horizontal-layout > .one-editor-silo.editor-three {
	bottom: 0;
}

.monaco-workbench > .editor > .content > .one-editor-silo.dragging {
	z-index: 70;
	box-sizing: content-box;
}

.monaco-workbench.vs > .editor > .content.vertical-layout > .one-editor-silo.dragging {
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
}

.monaco-workbench.vs > .editor > .content.horizontal-layout > .one-editor-silo.dragging {
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}

.monaco-workbench.vs > .editor > .content.vertical-layout > .one-editor-silo.editor-two,
.monaco-workbench.vs > .editor > .content.vertical-layout > .one-editor-silo.editor-three {
	border-left: 1px solid #E7E7E7;
}

.monaco-workbench.vs > .editor > .content.horizontal-layout > .one-editor-silo.editor-two,
.monaco-workbench.vs > .editor > .content.horizontal-layout > .one-editor-silo.editor-three {
	border-top: 1px solid #E7E7E7;
}

.monaco-workbench.vs-dark > .editor > .content.vertical-layout > .one-editor-silo.dragging {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

.monaco-workbench.vs-dark > .editor > .content.horizontal-layout > .one-editor-silo.dragging {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

.monaco-workbench.vs-dark > .editor > .content.vertical-layout > .one-editor-silo.editor-two,
.monaco-workbench.vs-dark > .editor > .content.vertical-layout > .one-editor-silo.editor-three {
	border-left: 1px solid #444;
}

.monaco-workbench.vs-dark > .editor > .content.horizontal-layout > .one-editor-silo.editor-two,
.monaco-workbench.vs-dark > .editor > .content.horizontal-layout > .one-editor-silo.editor-three {
	border-top: 1px solid #444;
}

.monaco-workbench.hc-black > .editor > .content.vertical-layout > .one-editor-silo.dragging {
	border-left: 1px solid #6FC3DF;
	border-right: 1px solid #6FC3DF;
}

.monaco-workbench.hc-black > .editor > .content.horizontal-layout > .one-editor-silo.dragging {
	border-top: 1px solid #6FC3DF;
	border-bottom: 1px solid #6FC3DF;
}

.monaco-workbench.hc-black > .editor > .content.vertical-layout > .one-editor-silo.editor-two,
.monaco-workbench.hc-black > .editor > .content.vertical-layout > .one-editor-silo.editor-three {
	border-left: 1px solid #6FC3DF;
}

.monaco-workbench.hc-black > .editor > .content.horizontal-layout > .one-editor-silo.editor-two,
.monaco-workbench.hc-black > .editor > .content.horizontal-layout > .one-editor-silo.editor-three {
	border-top: 1px solid #6FC3DF;
}

.monaco-workbench > .editor > .content.vertical-layout > .one-editor-silo.draggedunder {
	transition: left 200ms ease-out;
}

.monaco-workbench > .editor > .content.vertical-layout > .editor-three.draggedunder {
	transition-property: right;
}

.monaco-workbench > .editor > .content.horizontal-layout > .one-editor-silo.draggedunder {
	transition: top 200ms ease-out;
}

.monaco-workbench > .editor > .content.horizontal-layout > .editor-three.draggedunder {
	transition-property: bottom;
}

.monaco-workbench > .editor > .content > .one-editor-silo > .container {
	height: 100%;
}

.monaco-workbench > .editor > .content > .one-editor-silo > .container > .editor-container {
	height: calc(100% - 35px); /* Editor is below editor title */
}
